<template>
  <div>
    <h2>{{ res || 请选择 }}</h2>
    <ul>
      <!-- <li v-for="item in options" :class="{ active: item == res }" @click="change(item)">{{ item }}</li> -->
      <!-- <li v-for="item in options" :class="{ active: item == res }" @click="$emit('abc', item)">{{ item }}</li> -->
      <li v-for="item in options" :class="{ active: item == res }" @click="$emit('abc', item)">{{ item }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ['options', 'res', 'change']
}
</script>
<style scoped>
.active {
  color: orange;
  font-weight: 700;
}
</style>